.coding-appear {
    transform: translateX(-150px);
}

.coding-appear-active {
    transform: translateX(0);
    transition: 2s ease;
}

.coding-enter {
    opacity: 0;
}

.coding-enter-active {
    opacity: 1;
    transition: 2s ease;
}

.coding-exit {
    opacity: 1;
}

.coding-exit-active {
    opacity: 0;
    transition: 2s ease;
}
